<template>
  <div class="left-nav">
      <ul>
        <li>
            <i class="icon iconfont icon-chaoshi"></i>
            <div>收银</div>
        </li>

        <li>
            <i class="icon iconfont icon-dianpu"></i>
            <div>店铺</div>
        </li>

        <li>
            <i class="icon iconfont icon-liebiao"></i>
            <div>商品</div>
        </li>

         <li>
            <i class="icon iconfont icon-31huiyuan"></i>
            <div>会员</div>
        </li>
        <li>
            <i class="icon iconfont icon-goumai"></i>
            <div>统计</div>
        </li>
</ul>
  </div>
</template>

<script>
export default {
  name: 'leftNav',
  data: function (){
    return {}
  }
}
</script>

<style>
  .left-nav {
      color: #fff;
      height: 100%;
      width: 10%;
      background-color: #00BFFF;
      font-size: 10px;
      float: left;
  }
  .left-nav ul {
      padding: 0px;
      margin: 0px;
  }
  .left-nav li {
      list-style: none;
      text-align: center;
      border-bottom:1px solid #20a0ff;
      padding:10px;
      
  }
  .iconfont {
      font-size: 24px;
  }
</style>
